<template>
	<view>
		<map :longitude="longitude" :latitude="latitude" :enable-scroll="false" :scale="17" :enable-zoom="false" style="width: 100%; height: 350rpx;"
		 :markers="covers"></map>
	</view>
</template>

<script>
	export default {
		props: {
			longitude: {
				type: Number,
				default: 0
			},
			latitude: {
				type: Number,
				default: 0
			},
			address: {
				type: String,
				default: ""
			}
		},
		data() {
			return {
				covers: [],
			}
		},
		created() {
    //          console.log(this.latitude)
			 // console.log(this.longitude)
			 // console.log(this.address)
			this.covers.push({
				id: 0,
				latitude: this.latitude,
				longitude: this.longitude,
				width: 30,
				height: 30,
				iconPath: `/static/images/position.png`,
				callout:{
					content:this.address,
					fontSize:12,
					padding:5,
					borderRadius:10,
					display:'ALWAYS'
				},
				// #ifndef MP-TOUTIAO	
				title: this.address,
				// #endif 
			})
		},
		methods: {

		}
	}
</script>

<style scoped>

</style>
